<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form class="form-horizontal m-t" id="signupForm">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">账号：</label>
                            <div class="input-group col-sm-8">
                                <input id="username" name="username" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">密码：</label>
                            <div class="input-group col-sm-8">
                                <input id="password" name="password" class="form-control" type="password">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">员工姓名：</label>
                            <div class="input-group col-sm-8">
                                <input id="realName" name="realName" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">性别：</label>
                            <div class="input-group col-sm-8">
                                <label class="radio-inline">
                                    <input type="radio" name="sex" checked="checked" value="1"/> 男
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="sex" value="2"/> 女
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">员工编号：</label>
                            <div class="input-group col-sm-8">
                                <input id="staffNo" name="staffNo" maxlength="20" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">电话：</label>
                            <div class="input-group col-sm-8">
                                <input id="mobile" name="mobile" maxlength="11" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">邮件：</label>
                            <div class="input-group col-sm-8">
                                <input id="email" name="email" maxlength="18" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">地址：</label>
                            <div class="input-group col-sm-8">
                                <input id="address"  name="address"  class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">身份证：</label>
                            <div class="input-group col-sm-8">
                                <input id="idCard" name="idCard" maxlength="18" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">工资卡：</label>
                            <div class="input-group col-sm-8">
                                <input id="salaryCard" name="salaryCard" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">入职日期：</label>
                            <div id="entryTime" class="input-group date col-sm-8">
                                <input  name="entryTime" readonly="readonly" class="form-control" type="text">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">离职日期：</label>
                            <div id="leaveTime" class="input-group date col-sm-8">
                                <input  name="leaveTime" readonly="readonly" class="form-control" type="text">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">工作状态：</label>
                            <div class="input-group col-sm-8">
                                <label class="radio-inline">
                                    <input type="radio" name="workStatus" checked="checked" value="1"/> 在职
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="workStatus" value="2"/> 离职
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">职务：</label>
                            <div class="input-group col-sm-8">
                                <input id="position" name="position" class="form-control" type="text">
                            </div>
                        </div>
                        <input type="hidden" name="roleIds" id="roleIds">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">角色</label>
                            <div class="input-group col-sm-8">
                                <label th:each="role:${roles}" class="checkbox-inline">
                                    <input name="role" type="checkbox" th:value="${role.id}"
                                           th:text="${role.roleName}">
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-8 col-sm-offset-3">
                                <button type="submit" class="btn btn-primary">提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>
<script type="text/javascript" src="/js/appjs/sys/staff/add.js">
</script>
</body>
</html>
